/* CSS Document */

body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; min-width: 980px; background: #fff; font-size: 12px; color: #666; }
img { border: none; }
ul, li { list-style: none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em { margin: 0; padding: 0; border: 0; }
a { text-decoration: none; color: #666; font-family: "Microsoft YaHei"; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
#clear { clear: both; }


#header { width: 100%; height: 168px; background:url(../images/top_bg.jpg) repeat-x; }
#head_t { width: 1200px; margin: 0 auto; font-size: 14px; color: #666;height:40px; line-height:40px; }
#head_b { width: 1200px; margin: 30px auto 0;}
.top_tel{ background:url(../images/tel.jpg) no-repeat left top; padding-left:30px; margin:15px 0 0 50px;}
.top_tel b{ font-size:18px;}
.top_tel span{ color:#da2515; font-size:18px;}
.top_search{ width:360px; font-family: "Microsoft YaHei";overflow:hidden; z-index:99;height:40px; line-height:40px;}
.top_search .ss_input{ width:299px;  border:none; height:40px; line-height:40px; padding-left:20px; font-size:14px; color:#ccc;font-family: "Microsoft YaHei"; float:left;resize:none;border-radius:20px 0 0 20px;-moz-box-sizing: border-box;box-sizing: border-box; background:#f2f2f2;outline:none;}
.top_search .ss_an{ width:61px; height:40px; float:left; border:none; cursor:pointer; background:url(../images/ss.gif) no-repeat;outline:none;}

#nav_box { width: 100%; background:url(../images/nav_bg.jpg) repeat-x; height: 60px; }
#nav { width: 1200px; margin: 0 auto; line-height: 60px; position: relative; }
#nav li { width: 168px; text-align: center; float: left; font-family: 'Microsoft YaHei'; position: relative; }
#nav li a { color: #fff; width: 168px; height: 60px; display: block; font-weight: normal; font-size: 14px;}
#nav li a.cur { background: #262626 !important;height:60px; }
#nav li a:hover { color: #fff; background: #262626; height:60px;}
#nav .nav_hover a { color: #fff; }
#nav .nav_hover { background:#262626 !important;height:60px;}

/*----宽屏*banner----*/
#banner_big{ height:400px; width:100%;  background:none; clear:both; position:relative; z-index:999}
#banner_big .picBtnLeft { height:400px; position:relative; zoom:1; width:100%; overflow:hidden;}
/*----圆角切换按钮----*/
#banner_big .picBtnLeft .hd {width:135px; height:10px; position:absolute; left:50%; margin-left:-30px; text-align:center; bottom:30px; z-index:10;  }
#banner_big .picBtnLeft .hd ul { overflow:hidden; zoom:1; display:block; height:12px; width:110px; padding:5px 15px 5px 15px;}
#banner_big .picBtnLeft .hd ul li {float:left; _display:inline; cursor:pointer; text-align:center;  -moz-border-radius: 15px;   -webkit-border-radius: 15px;  border-radius:15px;  width:12px; height:12px; background:#2696ff; overflow:hidden; margin-right:5px; margin-left:5px;  }
#banner_big .picBtnLeft .hd ul li.on { background:#ccc}
/*----箭头切换按钮----*/
#banner_big .picBtnLeft .hdd{width:100%; overflow:hidden; height:40px; margin-top:135px; position:absolute; z-index:10;} 
#banner_big .picBtnLeft .hdd .prev{ display:block;width:40px; height:40px;float:left;overflow:hidden;cursor:pointer; background:url(../images/prev.png) no-repeat;}
#banner_big .picBtnLeft .hdd .prev:hover{ background:url(../images/prevh.png) no-repeat;}
#banner_big .picBtnLeft .hdd .next{ display:block;width:40px;height:40px;float:right;overflow:hidden;cursor:pointer; background:url(../images/next.png) no-repeat;}
#banner_big .picBtnLeft .hdd .next:hover{background:url(../images/nexth.png) no-repeat;}

#banner_big .picBtnLeft .bd {height:400px; left: 50%; margin-left: -960px; position: absolute; width: 1920px;}
#banner_big .picBtnLeft .bd img { height:400px; width:1920px; z-index:1;}
#banner_big .picBtnLeft .bd li { position:relative; zoom:1; width:1920px;  display:inline-block; }
#banner_big .picBtnLeft .bd li .pic { position:relative; z-index:0; line-height:0px; }
#banner_big .picBtnLeft .bd li .bg { display:none;}
#banner_big .picBtnLeft .bd li .title { display:none;}
#banner_big .picBtnLeft .bd a img { padding-top: 0px!important}
/*----宽屏*结束----*/

/*首页产品展示*/
#sy_cp{ width:1200px; margin:40px auto;}
#sycp_bt{ text-align:center; line-height:35px;}
#sycp_bt b{ font-size:30px; color:#333;}
#sycp_bt p{ font-size:12px; color:#595959;}
.sy_ml{ width:290px;}
#ml_bt{ height:60px; line-height:60px; font-size:16px; font-weight:bold; background:#f10215; color:#fff; padding-left: 48px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.sy_ml .pro_menu{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;box-sizing: border-box;}
.sy_ml ul li{ line-height:46px; }
.sy_ml ul li a{ font-size:14px; display:block; padding-left:48px;border-bottom:1px solid #eee;background: #fff;transition: all .2s ease-out 0s;padding-right: 40px;height:46px; overflow:hidden;}
.sy_ml ul li a b{ width:150px; display:block; overflow:hidden; height:46px;}
.sy_ml ul li:last-child{ border-bottom:none;}
.sy_ml ul li a:hover{ background:url(../images/ml_hover.jpg) no-repeat; color:#f10215;padding-left:58px;overflow:hidden;}
.sy_ml ul li a.xiaolei{ padding-left:70px; width:178px; overflow:hidden;}
.sy_pro{ width:890px;}
.sy_pro_bt{ font-size:18px; background:url(../images/ico1.jpg) no-repeat left center; padding-left:15px; height:30px; line-height:30px;}
.ny_pro_bt{ background:#f2f2f2; font-size:14px; height:42px; line-height:42px; padding-left:15px; margin-bottom:20px;}
.pro-container{ margin-top:15px;}
.pro-container li.pro-item{ border:1px solid #eee; width:220px;cursor: pointer; float:left;}
.pro-container .proimg_bk{width: 200px;height:200px;position:relative;display:table-cell;text-align:center;vertical-align:middle;left: 20px;}
.pro-container .proimg_bk .proimg{width: 180px;line-height: 180px;/* height:200px; */font-size: 180px;text-align:center;position:static;+position:absolute;top:50%;/* left: 20px; */}
.pro-container .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;max-width: 180px;max-height: 170px;transition: all .2s ease-out 0s;}
.pro-container .proimg_bk img:hover{ padding-right:10px;}
.pro-container .pro-tit {padding: 10px 20px 13px 20px;position: relative;border-bottom: 1px solid #ddd;}
.pro-container .pro-tit p.pro-name{ font-size:14px; height:20px; overflow:hidden;}
/*首页关于我们*/
#sy_about_box{ width:100%; background:#f0f0f0; padding:50px 0;}
#sy_about_box .sy_about{ width:1200px; margin:0 auto;}
#sy_about_box .sy_about_con{ width:770px; }
#sy_about_box .sy_about_con .about_wz{font-size:14px; line-height:28px; text-indent:2em; margin-top:15px; height:168px; overflow:hidden;}
#sy_about_box .sy_about_con span.about_an a{width:90px; height:30px; line-height:30px;border-radius: 5px; background:#c80505; display:block; text-align:center;color:#fff; font-size:14px; margin-top:20px;}
#sy_about_box .sy_about_con span.about_an a:hover{ background:#000;}

/*首页新闻和文章*/
#sy_wz{width:1200px; margin:40px auto;}
#sy_wz .sy_news{ width:585px;}
#sy_wz .news_top dl{ border-bottom:1px solid #ccc; padding:7px 0 20px;}
#sy_wz .news_top dl dt a{ font-size:18px; color:#000; font-weight:bold;}
#sy_wz .news_top dl dt a:hover{ color:#c80505;}

#sy_wz .news_top dl dd span{ display:block; font-size:12px; margin:5px 0;}
#sy_wz .news_top dl dd p{ color:#999; font-size:12px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#sy_wz .news_bottom{ height:190px; overflow:hidden;}
#sy_newslb_box{ clear:both; margin-top:10px;}
#sy_newslb_box li{ height:30px;line-height:30px;font-size:14px; overflow:hidden;}
#sy_newslb_box li a{ color:#666; float:left; margin-left:15px;}
#sy_newslb_box li a:hover{color:#c80505;}
#sy_newslb_box li span{ float:left; color:#878686; font-size:12px;}

#ny_newslb_box{ clear:both;}
#ny_newslb_box li{ height:39px;line-height:39px;font-size:14px; overflow:hidden; border-bottom:1px dotted #eee;}
#ny_newslb_box li a{ color:#666; float:left; margin-left:5px;}
#ny_newslb_box li a:hover{color:#c80505;}
#ny_newslb_box li span{ float:right; color:#878686; font-size:12px;}

#sy_wz .news_box{ border:1px solid #eee; padding:10px 15px; margin-top:15px;box-sizing: border-box;}
#yqlj{ width:1200px; margin:20px auto;}

#foot_box{ width:100%; height:145px; background:#262626;}
#foot_box .foot{ width:1200px; margin:0 auto; text-align:center; font-size:14px; padding-top:30px;color:#f2f2f2; line-height:22px;}
#foot_box .foot p.foot_nav{ margin-bottom:15px;}
#foot_box .foot p a{ color:#f2f2f2;}

.ny_about{ font-size:14px; text-indent:2em; line-height:25px; padding:0 20px;}
.ny_news{ padding:0 20px;}
.ny_contact{ font-size:14px;line-height:25px; padding:0 20px;}

#newscont .newsname{ width:870px; padding-left:10px; font-size:16px; font-weight:bold; line-height:50px; height:50px; border-bottom:1px dotted #ddd; text-align:center; display:block;}
.ny_news .dcont{ line-height:24px; padding:0px 10px 10px 10px; border-bottom:1px dotted #ddd; }
#news_sx{ margin-top:20px; color:#80817c; font-size:12px; line-height:25px;}
#news_sx .sx_left{ float:left;}
#news_sx .sx_right{ float:right; background:url(../images/001454_08.png) no-repeat right 5px; padding-right:20px; margin-top:10px;}
.ny_news .time{padding:15px 0; text-align:center; color:#b4b4b4;}


.ny_main_box .prodetail_box{ clear:both; margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding:0 10px 40px;}
.ny_main_box .prodetail_img{ float:left; width:400px; height:350px;margin-right:20px;text-align:center;}
.ny_main_box .prodetail_img p{ width:400px; height:350px;border:1px solid #dedede; display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;}
.ny_main_box .prodetail_img p img{max-width:350px;max-height:280px;}
.ny_main_box .pro_text01{ float:left;color:#555;font-size:14px;line-height:26px;}
.ny_main_box .pro_text01 p{ clear:both; margin-bottom:5px;color:#555;font-size:14px;line-height:26px;}
.ny_main_box .pro_text01 p b{ float:left; display:block; width:70px;color:#555;font-size:14px;line-height:26px;font-weight:normal;}
.ny_main_box .pro_text01 p span{ float:left; width:345px;color:#999;font-size:13px;line-height:26px;}
.ny_main_box .pro_text01 p.pro_name{font-size:24px;font-weight:bold;padding-bottom:10px; width: 420px;}

.ny_main_box #pro_xxnr_box{ clear:both; line-height:24px; font-size:12px;color: #555;}
.ny_main_box #pro_xxnr_box .bt{ height:30px; line-height:30px; background:#ddd; padding-left:15px; color:#333; font-size:14px; font-weight:normal; margin-bottom:15px;}
.ny_main_box #pro_xxnr_box .xxbrbox{ padding:5px;}

#fengye{ margin-top:20px;}

/*悬浮链接*/
.suspension{position:fixed;z-index:9999;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:55px;height:40px;padding:10px 0 5px;background-color:#e70012;margin-bottom:4px;cursor:pointer;outline:none;text-decoration:none;text-align:center;border-radius:2px;}
.suspension .a.active,
.suspension .a:hover{background:#ff858f;}
.suspension .a .i{display:inline-block;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:12px;padding-top:4px;}
.suspension .a-service-phone .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{display:inline-block;width:20px;height:20px;background-position: -56px -12px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:67px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.qrcode-img img{width:150px;margin:0 auto;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:50px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px;}
.suspension .d-service-item{padding:4px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:160px;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px;}